@charset "utf-8";

/* CSS Document */

html{font-family:"Microsoft YaHei";font-size:14px;color:#898989}

body,button,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,td,textarea,th,ul{padding:0;margin:0;border:0 none}

img,input{border:0;vertical-align:middle}

input,textarea{outline:0}

li,ul{list-style:none;margin:0;padding:0}

form{padding:0;margin:0}

img{border:0}

html{overflow-X:hidden}

a{COLOR:#898989;blr:expression(this.onFocus=this.blur());text-decoration:none;-webkit-transition:all .5s;transition:all .5s}

a:focus{outline:0}

a:hover{color:#c92939;-webkit-transition:all .5s;transition:all .5s}

.content{width:1400px;margin:0 auto}

@media screen and (min-width:320px){blockquote,body,button,code,dd,div,dl,dt,fieldset,form,input,legend,lipre,ol,p,td,textarea,th,ul{font-size:14px;font-family:"Microsoft YaHei"}

}

.title{text-align:center;overflow:hidden;color:#898989;padding:90px 0 70px}

.title h3{font-size:26px;}

.title i{font-size:12px;text-transform:uppercase;font-style:normal; font-family:Arial, Helvetica, sans-serif;}

.title1{text-align:center;overflow:hidden;color:#898989;padding:90px 0 30px}

.title1 h3{font-size:26px}

.title1 i{font-size:14px;text-transform:uppercase;font-style:normal}

.a_tit{text-align:left;overflow:hidden;color:#898989;padding:60px 0 40px}

.a_tit h3{font-size:26px;font-weight:bold;}

.a_tit i{font-size:13px;text-transform:uppercase;font-style:normal}

.head{width:100%;overflow:hidden;margin:0 auto;height:100px;line-height:100px}

.logo{float:left;margin-top:20px}

.tel{float:right;font-size:18px;color:#898989}

.tel img{vertical-align:middle;margin-right:5px}

.nav{float:right;margin-right:30px}

.nav a{padding:0 30px;font-size:18px}

.pcbanner{width:100%;overflow:hidden;margin:0 auto}

.ban{width:100%;margin:0 auto;overflow:hidden}

.ban img{width:100%}

.title_p{overflow:hidden;text-align:center;font-size:16px;line-height:28px;color:#898989}

.title_p span{display:block}

.title_d{overflow:hidden;text-align:center;font-size:16px;line-height:28px;color:#898989}

.pic{overflow:hidden;position:relative;margin:90px auto 0}

.pic .swiper-slide div{width:100%;height:100%;overflow:hidden}

.pic .swiper-slide ul{overflow:hidden;background:#f7f7f7;padding:30px 30px;height:130px}

.pic .swiper-slide ul dl{width:50%;float:left;overflow:hidden ; margin-top:20px;}

.pic .swiper-slide ul dl dd{overflow:hidden;margin-bottom:10px}

.pic .swiper-slide ul dl dt{font-size:20px;font-weight:700;color:#c9273a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.pic .swiper-slide ul span{float:right;overflow:hidden;width:50%;display:block}
.pic .swiper-slide:nth-child(2) ul span{ margin-top:30px;}

.pic .swiper-slide ul span a{display:block;height:34px;line-height:34px;font-size:18px;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.pic .swiper-slide div img{-webkit-transition:all .5s;transition:all .5s;width:100%}

.pic .swiper-slide:hover div img{-webkit-transform:scale(1.1);transform:scale(1.1)}

.pic .swiper-button-next,.pic .swiper-button-prev{display:none}

.product-number-info{overflow:hidden;position:relative;margin:30px auto 0}

.product-number-info .product-number-inner{width:1400px;margin:0 auto}

.product-number-info ul{overflow:hidden;text-align:center}

.q{zoom:1}

.product-number-info li{display:inline-block;width:239px;height:90px;color:#898989}

.product-number-info li i{font-family:Impact;font-style:normal;font-size:30px;    font-weight: 300;}

.product-number-info li:nth-child(1) b{font-size:20px}

.product-number-info li:nth-child(2) b{font-size:20px}

.product-number-info li b{font-size:30px;font-style:normal}

.product-number-info li span{margin-left:10px}

.product-number-info li.thistab b,.product-number-info li.thistab i,.product-number-info li.thistab span{color:#c9273a}

.tuandui{overflow:hidden;width:100%;margin:0 auto}

.tuandui ul{overflow:hidden}

.tuandui ul li{overflow:hidden;display:none}

.tuandui ul li img{width:100%;overflow:hidden}

.more{font-size:16px;text-align:center;text-transform:uppercase}

.anli{overflow:hidden;margin:30px auto 0}

.anli ul{overflow:hidden}

.anli ul li{width:33.33%;border:6px #fff solid;box-sizing:border-box;overflow:hidden;position:relative;float:left}

.anli ul li img{width:100%;height:100%;overflow:hidden}

.anli ul li div{width:100%;height:100%;background:rgba(201,39,58,.8);overflow:hidden;position:0;bottom:0%;left:0;position:absolute;-webkit-transition:all .5s;transition:all .5s; opacity:0}

.anli ul li div dl{padding: 26% 0;
    overflow: hidden;
    position: absolute;
    width: 100%;
    bottom: -100%;-webkit-transition:all .5s;transition:all .5s;}

.anli ul li div dl h3{font-size:20px;color:#fff;text-align:center;overflow:hidden}

.anli ul li div dl p{font-size:16px;margin-top:15px;color:#fff;text-align:center}
.anli ul li:hover div{ opacity:1;-webkit-transition:all .5s;transition:all .5s;background:rgba(201,39,58,1);}
.anli ul li:hover div dl{bottom:0;-webkit-transition:all .5s;transition:all .5s;}

.news{overflow:hidden;padding:3% 3% 2%;background:#f1f1f1;position:relative}

.news dt{position:absolute;right:20px;top:20px;text-transform:uppercase;font-size:16px}

.news div{width:30%;float:left;overflow:hidden;margin-right:30px}

.news ul{overflow:hidden}

.news ul li{overflow:hidden;border-bottom:1px #ccc solid;padding-bottom:20px;margin-bottom:20px;margin-right:5%}
.news ul li:nth-child(2){ border-bottom:none;}
.news ul li dd{width:25%;height:100px;float:left;font-size:22px; font-weight:bold;}

.news ul li span{overflow:hidden}

.news ul li span h3{font-size:18px;margin-bottom:15px;padding-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.news ul li span p{font-size:16px;color:#898989;line-height:30px;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;display:-webkit-box}

.hbbox{overflow:hidden;position:relative; }

.hbbox .swiper-container{margin:0 40px;}

.hbbox .swiper-button-next,.hbbox .swiper-button-prev{margin-top:6%;-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);filter:gray;opacity:.6}

.hbbox .swiper-button-disabled{opacity:.3}

.hbbox{overflow:hidden}

/*.huoban ul{overflow:hidden;padding:1px 0 0 1px}*/

/*.huoban ul li{width:25%;border:1px #ccc solid;overflow:hidden;box-sizing:border-box;margin:-1px 0 0 -1px;float:left}*/

.hbbox .swiper-slide img{-webkit-transition:all .5s;transition:all .5s;width:100%;-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);filter:gray;opacity:.6}

.hbbox .swiper-slide:hover img{-webkit-transform:scale(1.1);transform:scale(1.1);-webkit-filter:inherit;-moz-filter:inherit;-ms-filter:inherit;-o-filter:inherit;filter:inherit;filter:inherit;opacity:1}

.mhbbox{overflow:hidden;position:relative;display:none}

.mhbbox .swiper-container{padding-bottom:60px}

.mhbbox .swiper-wrapper{padding:1px 0 0 1px}

.mhbbox .swiper-slide img{-webkit-transition:all .5s;transition:all .5s;width:100%;-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);filter:gray;opacity:.6}

.hbbox .swiper-slide{ height:calc(100% / 3);    overflow: hidden;

    box-sizing: border-box;  border:1px #ccc solid;display: -webkit-box;

        display: -ms-flexbox;

        display: -webkit-flex;

        display: flex;

        -webkit-box-pack: center;

        -ms-flex-pack: center;

        -webkit-justify-content: center;

        justify-content: center;

        -webkit-box-align: center;

        -ms-flex-align: center;

        -webkit-align-items: center;

        align-items: center;}

.mhbbox .swiper-slide{border:1px #ccc solid;overflow:hidden;box-sizing:border-box;margin:-1px 0 0 -1px}

.mhbbox .swiper-slide:hover img{-webkit-transform:scale(1.1);transform:scale(1.1);-webkit-filter:inherit;-moz-filter:inherit;-ms-filter:inherit;-o-filter:inherit;filter:inherit;filter:inherit;opacity:1}

.mhbbox .swiper-pagination-bullet{background:#999;width:10px;height:10px}

.footer{background:#f0f0f0;overflow:hidden;margin:90px auto 0}

.foot{padding:3%;overflow:hidden}

.foot ul{overflow:hidden;}

.foot ul li{width:24%;float:left}

.foot ul li h3{margin-bottom:10px;font-weight:400;font-size:14px}

.foot ul li p{font-size:14px;line-height:30px}

.foot ul li:first-child{width:18%;float:left;margin-top:10px}

.foot ul li a{padding:0 10px;position:relative}

.foot ul li a:before{content:"|";color:#898989;position:absolute;left:0}

.foot ul li a:last-child:after{content:"|";color:#898989;position:absolute;right:0}

.foot ul li:nth-child(3){width:34%;float:left}

.foot ul li p b{font-size:26px;font-weight:bold; color:#898989}

.foot ul li span{margin:12px 0 5px;display:block}

.foot ul li span:hover{cursor:pointer}

.foot ul li:last-child{margin-top:6px}

.n_banner{width:100%;overflow:hidden;margin:0 auto}

.n_banner img{width:100%}

.mbx{overflow:hidden;height:100px;border-bottom:1px #ccc solid;line-height:100px}

.mbx p{float:left;text-transform:uppercase;font-size:18px;font-weight:700;color:#898989;margin-right:10px;width:200px}

.mbx span{font-size:18px;}

.mbx span a{display:inline-block}

.mbx span a:after{content:"|";color:#898989;margin:0 20px}

.mbx span a:last-child:after{content:"";display:none}

.pic_muen{overflow:hidden;border-bottom:1px #ccc solid;padding:20px 0}

.pic_muen p{float:left;text-transform:uppercase;font-size:18px;font-weight:bold;color:#898989;margin-right:10px;width:200px}

.pic_muen p:after{content:">";margin-left:10px}

.pic_muen span{font-size:18px;}

.pic_muen span a{display:inline-block}

.pic_muen span a:after{content:"|";color:#898989;margin:0 20px}

.pic_muen span a:last-child:after{content:"";display:none}

.pic_muen ul{float:left}

.pic_muen ul li{width:100%;margin-bottom:15px;overflow:hidden}

.pic_muen ul li p{margin-right:20px;width:auto}

.pic_muen ul li span{font-size:16px;font-weight:400}

.xq_mbx{overflow:hidden;height:100px;border-bottom:1px #ccc solid;line-height:100px}

.xq_mbx p{float:left;text-transform:uppercase;font-size:18px;font-weight:700;color:#898989;margin-right:10px;width:200px}

.xq_mbx span{font-size:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.xq_mbx span a{display:inline-block}

.xq_mbx span a:after{content:"|";color:#898989;margin:0 20px}

.xq_mbx span a:last-child:after{content:"";display:none}

.xq_mbx span a:last-child{color:#c9273a}

.tit{background:#c9273a;font-size:26px;color:#fff;padding:50px 100px;font-weight:700}

.tit i{font-size:16px;font-style:normal;text-transform:uppercase;margin-left:10px}

.tit span{float:right}

.anlibox{overflow:hidden;margin-top:50px}

.anlibox ul{overflow:hidden}

.anlibox ul li{background:#f7f7f7;padding:30px 100px;overflow:hidden}

.anlibox ul li .a_text{width:25%;float:left;overflow:hidden;margin-top:5%}

.anlibox ul li .a_text h3{text-align:center;font-size:26px;color:#898989}

.anlibox ul li .a_text p{line-height:30px;font-size:16px;color:#898989;margin-top:30px; text-align:justify;}

.anlibox ul li .a_img{width:70%;float:right;overflow:hidden}

.anlibox ul li .a_img h3{font-size:18px; color:#898989; font-weight:bold;}

.anlibox ul li .a_img h3 span{float:right;text-transform:uppercase;font-weight:400}

.anlibox ul li .a_img dl{overflow:hidden;margin-top:20px}

.anlibox ul li .a_img dl .m_li{padding:0;overflow:hidden;width:50%;float:left;border:6px rgba(255,255,255,0) solid;box-sizing:border-box}

.anlibox ul li .a_img dl .m_li div{overflow:hidden}

.anlibox ul li .a_img dl .m_li div img{width:100%;height:100%-webkit-transition:all .5s;transition:all .5s}

.anlibox ul li .a_img dl .m_li:hover div img{-webkit-transform:scale(1.1);transform:scale(1.1)}

.anlibox ul li .a_img dl .m_li p{height:50px;line-height:50px;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.anlibox ul li:nth-child(2n){background:#f0f0f0}

.liucheng{overflow:hidden}

.liucheng ul{overflow:hidden;position:relative}

.liucheng ul li{width:16.6%;float:left;position:relative;text-align:center;overflow:hidden}

.liucheng ul li h3{font-size:120px;color:#898989;height:160px}

.liucheng ul li h3:after{content:"";width:100%;height:1px;background:#999;position:absolute;left:0;top:50%;margin-top:17px;z-index:-1}

.liucheng ul li p{font-size:20px;background:#fff;position:absolute;width:100%;top:50%;margin-top:-70px}

.liucheng ul li dd{width:10px;height:10px;background:#ccc;border-radius:50%;margin:0 auto;z-index:9}

.liucheng ul li dt{padding:37px 60px 0;font-size:16px;color:#898989;height:90px}
.liucheng ul li dt span{ display:block; text-align:center;}

.anli_lb{overflow:hidden;margin-top:50px}

.anli_lb ul{overflow:hidden}

.anli_lb ul li{width:33.33%;float:left;border:8px #fff solid;box-sizing:border-box;overflow:hidden;margin-bottom:15px}

.anli_lb ul li div{overflow:hidden}

.anli_lb ul li div img{width:100%;height:100%;-webkit-transition:all .5s;transition:all .5s}

.anli_lb ul li:hover div img{-webkit-transform:scale(1.1);transform:scale(1.1)}

.anli_lb ul li p{height:50px;line-height:50px;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.fenye{width:100%;overflow:hidden;margin:30px auto}

.fenye ul{/*width:280px;*/float:right}

.fenye ul li{display:inline-block;font-size:20px;padding:0 8px;line-height:30px}

.fenye ul li:first-child{border:1px #ccc solid;padding:0 8px;display:inline-block;line-height:30px}

.fenye ul li:last-child{border:1px #ccc solid;padding:0 8px;display:inline-block;line-height:30px}

.xiangqingye{padding:5% 0 5% 15%}

.xq_title{overflow:hidden;color:#898989;overflow:hidden}

.xq_title h3{font-size:26px; color:#898989}

.xq_title p{text-transform:uppercase;font-size:12px;; color:#898989}

.xq_title dl{margin:30px auto}

.xq_title dl dd{margin-top:10px}

.xq_box{overflow:hidden;margin:0 auto;text-align:center;display:block;max-width:100%}

.xgal{overflow:hidden}

.xgal .swiper-container{margin:0 15px}

.xgal .swiper-slide div{overflow:hidden}

.xgal .swiper-slide div img{width:100%;height:100%-webkit-transition:all .5s;transition:all .5s}

.xgal .swiper-slide:hover div img{-webkit-transform:scale(1.1);transform:scale(1.1)}

.xgal .swiper-slide p{height:50px;line-height:50px;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.xgal .swiper-pagination{display:none}

.about_com{overflow:hidden;padding-left:15%}

.ammt{font-size:16px;line-height:30px;color:#898989}

.ammt img{width:100%}

.news_lb{overflow:hidden;padding-left:15%}

.news_lb .tuotiao{overflow:hidden;background:#f0f0f0}

.news_lb .tuotiao div{width:50%;float:left;margin-right:5%}

.news_lb .tuotiao div img{width:100%}

.news_lb .tuotiao span{overflow:hidden}

.news_lb .tuotiao span dd{font-size:26px;font-weight:bold;overflow:hidden;padding-top:80px; position:relative;}
.news_lb .tuotiao span dd:after{    content: ">";
    position: absolute;
    top: 65%;
    font-size: 24px;
    font-weight: 600;
    right: 10%;
    color: #c3c3c3;}

.news_lb .tuotiao span h3{font-size:20px;margin:90px auto 30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.news_lb .tuotiao span p{font-size:16px;line-height:30px;color:#898989;padding:0 40px 0 0;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;display:-webkit-box}

.xq_title dl dt{font-size:18px;text-align:right}

.news_lb ul{overflow:hidden}

.news_lb ul li{overflow:hidden;background:#f0f0f0;margin-top:30px;position:relative;padding-bottom:15px}

.news_lb ul li:after{content:">";font-size:20px;font-weight:700;position:absolute;left:65px;bottom:25%;color:#bdb4b4}

.news_lb ul li div{float:left;width:152px;padding:39px 0 10% 5%;margin-right:5%;font-size:26px;font-weight:bold;overflow:hidden}

.news_lb ul li div img{width:100%}

.news_lb ul li span{overflow:hidden}

.news_lb ul li span dd{font-size:24px;font-weight:700;overflow:hidden;padding-top:40px}

.news_lb ul li span h3{font-size:20px;margin:42px auto 30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; font-weight:bold;}

.news_lb ul li span p{font-size:16px;line-height:30px;color:#999;padding:0 40px 0 0;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;display:-webkit-box}

.am_left{width:46%;float:left}

.am_right{width:54%;float:right}

@media screen and (max-width:1400px){.content{width:1200px;margin:0 auto}

.product-number-info .product-number-inner{width:1200px}

.liucheng ul li dt{padding:37px 25px 0;height:50px}

.liucheng ul li h3:after{margin-top:36px}

.liucheng ul li p{margin-top:-50px}

.anlibox ul li{padding:30px 50px}

.xq_box{overflow:hidden;margin:0 auto;text-align:center;display:inherit;max-width:inherit}

.xq_box img{width:100%}

.news_lb .tuotiao span h3{font-size:18px;margin:28px auto 30px}

}

@media screen and (max-width:1200px){.anlibox ul li .a_text p{-webkit-line-clamp:5;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;display:-webkit-box}

.liucheng ul li h3:after{margin-top:31px}

.liucheng ul li p{margin-top:-60px}

.liucheng ul li dt{padding:37px 13px 0;height:60px}

.content{width:auto;padding:0 15px;margin:0 auto}

.pic .swiper-slide ul dl dt{font-size:16px}

.pic .swiper-slide ul span a{font-size:15px}

.pic .swiper-slide ul{padding:30px 15px}

.huoban .swiper-slide ul{padding:0}

.product-number-info .product-number-inner{width:auto}

.product-number-info li{width:25%;box-sizing:border-box;display:block;float:left}

.news ul li dd{width:25%}

.foot ul li:first-child{display:none}

.foot ul li:nth-child(2){width:100%;padding:20px 0}

.foot ul li span{float:right}

.foot ul li:nth-child(3),.foot ul li:nth-child(4){width:50%;margin-top:10px}

.foot ul li:nth-child(4){border-left:30px #f1f1f1 solid;box-sizing:border-box}

.fenye ul{width:auto;text-align:center;float:none}

.xq_mbx{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:inherit;line-height:inherit;padding:3% 0}

.xq_mbx p{float:none;text-transform:uppercase;font-size:18px;font-weight:700;color:#898989;margin-right:100px}

.xq_mbx span{font-size:18px;}

.xq_mbx span a{display:inherit;float:none}

.xq_mbx span a:after{content:">";color:#898989;margin:0 20px}

.xq_mbx span a:last-child:after{content:"";display:none}

.xq_mbx span a:last-child{color:#c9273a}

.news_lb ul li div{width:150px}

}

@media screen and (max-width:950px){.news ul li dd{width:35%}

.nav a{padding:0 20px}

.am_left,.am_right{width:auto;float:none}

.am_right img{width:100%}

}

@media screen and (max-width:850px){.nav a{padding:0 10px}

.product-number-info li b{font-size:28px}

.product-number-info li i{font-size:35px}

.pic_muen p{float:none;width:100%;margin-bottom:15px}

.pic_muen ul li p{float:left;width:auto}

.pic_muen ul li{margin-bottom:5px}

.pic_muen{padding:10px 10px 0}

}

@media screen and (max-width:750px){.ammt strong{font-size:.22rem}
.news_lb .tuotiao span dd:after{top:0px;}
.ammt p{font-size:.2rem}

.logo{margin:30px auto 0}

.head{width:100%;overflow:hidden;margin:0 auto;height:60px;line-height:60px}

.news_lb ul li div{font-size:.2rem;width:1.5rem;margin-right:0;padding:.45rem 0 1rem;text-align:center}

.news_lb ul li:after{content:">";font-size:20px;font-weight:700;position:absolute;left:.2rem;bottom:.45rem;color:#bdb4b4}

.news_lb ul li{margin-top:15px}

.news_lb ul li span p{font-size:.2rem;line-height:.35rem;color:#999;padding:0 20px 0 0;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;display:-webkit-box}

.news_lb ul li span h3{font-size:.2rem;margin:.45rem auto .2rem}

.about_com{overflow:hidden;padding:0 15px}

.xgal .swiper-slide p{font-size:.2rem}

.xq_title h3{font-size:.25rem}

.xq_title p{font-size:.18rem}

.xiangqingye{padding:3%}

.xq_title dl dd{font-size:.2rem}

.tit{background:#c9273a;font-size:.25rem;color:#fff;position:relative;padding:15px 20px;font-weight:700}

.tit i{font-size:.18rem}

.liucheng ul li p{font-size:.3rem}

.liucheng ul li dt{font-size:15px;padding:37px 10px 0}

.tit span{text-align:right;position:absolute;top:12px;right:10px}

.tit span img{width:70%}
.xq_title dl dt{ font-size:0.2rem;}

.anlibox ul li .a_text h3{font-size:.25rem;margin-bottom:20px;color:#898989;  font-weight:bold;}

.anlibox ul li .a_img h3{font-size:.22rem}

.anlibox ul li .a_text{width:auto;float:none;overflow:hidden;margin-top:5%}

.anlibox ul li{padding:15px 15px}

.anlibox ul li .a_img dl .m_li p{font-size:.2rem;height:inherit;line-height:inherit;padding:2% 0}

.anlibox ul li .a_text p{display:none}

.anlibox ul li .a_img{width:auto;float:none;overflow:hidden}

.news_lb .tuotiao span dd{font-size:.2rem;font-weight:700;overflow:hidden;padding-top:10px}

.news_lb .tuotiao div{width:45%}

.news_lb{padding:0 15px}

.news_lb .tuotiao span h3{font-size:.2rem;margin:5px auto}

.news_lb .tuotiao span p{font-size:.2rem;line-height:.35rem;color:#999;padding:0 10px 0 0;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;display:-webkit-box}

.mbx{padding:20px 15px 0;height:inherit;line-height:.35rem}

.mbx p{display:block;float:none;height:inherit;line-height:.4rem;margin-right:0;font-size:.25rem;margin-bottom:10px;width:90%}

.mbx span{font-size:.22rem;display:block;padding-bottom:15px}

.mbx span a:after{margin:0 10px}

.liucheng ul li{width:33.33%}

.content{padding:0}

.news ul li dd{width:40%}

.tel{display:none}

.logo{float:none;text-align:center}

.head{height:inherit}

.nav{float:none;margin-right:0;text-align:center}

.pic{margin:40px auto 0}

.title,.title1{padding:50px 0 30px}

.nav a{font-size:.25rem}

.title h3,.title1 h3{font-size:.3rem}

.title i,.title1 i{font-size:.15rem}

.a_tit{text-align:left;overflow:hidden;color:#898989;padding:30px 0 20px}

.a_tit h3{font-size:.25rem;}

.a_tit i{font-size:.15rem;text-transform:uppercase;font-style:normal}

.more{font-size:.2rem}

.title_p span{display:initial}

.title_p{text-indent:2em;text-align:left;font-size:.2rem;padding:0 15px;line-height:.38rem}

.title_d{font-size:.2rem}

.pic .swiper-container{margin:0 30px}

.pic .swiper-button-next,.pic .swiper-button-prev{display:block}

.pic .swiper-button-next,.pic .swiper-container-rtl .pic .swiper-button-prev{right:0;-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);filter:gray;opacity:.6}

.pic .swiper-button-prev,.pic .swiper-container-rtl .pic .swiper-button-next{left:0;-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);filter:gray;opacity:.6}

.news div{width:100%;overflow:hidden;float:none;margin-top:35px; margin-bottom:20px;}

.news div img{width:100%}

.hbbox{display:none}



.mhbbox{display:block}

.product-number-info li{width:23%;height:inherit;padding-bottom:20px}

.product-number-info li i{font-size:.3rem}

.product-number-info li:nth-child(1) b{font-size:.2rem}
.product-number-info li:nth-child(2) b{font-size:.2rem}

.product-number-info li span{font-size:.2rem;margin-left:-3px}

.product-number-info li b{font-size:14px}

/*.product-number-info li:first-child{width:20%}

.product-number-info li:last-child{width:34%}*/

.product-number-info li b{margin-left:-3px}

.news ul li span h3{font-size:.22rem}

.news ul li dd{font-size:.26rem;height:inherit;margin-bottom:25px;padding-top:3px;width:auto;margin-right:10px}

.news ul li span p{font-size:.2rem;line-height:.35rem;height:inherit}

.footer{margin:40px auto 0}

.foot{padding:3% 0}

.foot ul li p{font-size:.18rem;line-height:.3rem}

.foot ul li p b{font-size:.22rem}

.foot ul li span{font-size:.18rem;margin-top:0}

.pic_muen ul li p{font-size:.22rem}

.pic_muen ul li span{font-size:.2rem}

.pic_muen ul li p{margin-right:5px}

.pic_muen p{font-size:.22rem}

.anli_lb ul li{width:50%}

.anli_lb{margin-top:20px}

.anli_lb ul li p{font-size:.22rem}

.anli_lb ul li{margin-bottom:0}

.fenye ul li{font-size:.2rem}

.xq_mbx span{font-size:.22rem}

.xq_mbx span a:after{margin:0 5px}

.xq_mbx{padding:5% 3%}

.ammt{font-size:.2rem;line-height:.35rem}
.anli ul li { width:50%}

.product-number-info li{ width:50%}

}

@media screen and (max-width:450px){.liucheng ul li dt{padding:17px 15px 0;height:80px;font-size:.2rem}

.pic_muen ul li{margin-bottom:20px}



}

@media screen and (max-width:420px){.liucheng ul li dt{padding:17px 15px 0;height:80px;font-size:.2rem}

.pic_muen ul li{margin-bottom:20px}

.pic_muen span a:after{margin:0 10px}
.logo{ margin-top:20px;}
.logo img{ width:140px;}

.liucheng ul li h3{ font-size:90px; height: 110px;}
.liucheng ul li h3:after {
    margin-top: 7px;
}

.liucheng ul li p {
    margin-top: -44px;
}
.liucheng ul li p {
    font-size: .22rem;
}
}